@import "compass/css3/border-radius";
@import "compass/css3";
@import "compass/reset";
@import "compass/utilities/general/clearfix";
@import "login/*.png";
@import "od-button/*.png";

@mixin one-line($height) {
	height: $height;
	line-height: $height;
	vertical-align: middle;
}

.od-popup{
	font-size: 12px;
	text-align: left;
	/*弹出层外层透明背景*/
	.layer_bg{
	        width:240px;
	        min-height:110px;
	        position: relative;
	        /* left:10px;
	        top:10px; */
	        background: image-url('layer_bg.png') repeat;
	        @include border-radius(6px);
	}
	/*弹出层内容*/
	.layer_main{
	        width:230px;
	        min-height:100px;
	        background: #FFF;
	        position: absolute;
	        top:4px;
	        left:4px;
	        @include border-radius(4px);
	}
	/************功能面板************/
	.popup_panel{
		width:220px;
		 @include one-line(20px); 
		padding: 5px;
		@include border-top-radius(2px);
		h1{margin-left:5px;}
	}
	/*确定按钮*/
	.btn_ok{
		//margin-right:30px;
	}
	.btn_cancel{
		margin-left:20px;
	}
	.popup_content{
		word-wrap: break-word;
		word-break: normal;
		padding:10px;
		p {
			line-height: 1.5em;
		}
	}
	.login_content {
		background-color: #404040;
		border:none;
		span{
			color: white;
		}
		.popup_panel{
			background-color: white;
		}
		.lpanel{
			ul{
				list-style: none;
				margin: 0 auto;
				width: 150px;
				margin-bottom: 10px;
				li{
					float:left;
					position:relative;

					a{
						float: left;
						display: block;
						width: 32px;
						height: 32px;
						position: relative;
						z-index: 99;
						margin-right: 5px;
						margin-bottom: 20px;
					}

					.sina{
						background: url(login/sina_weibo.png) no-repeat;
						&:hover{background:url(login/sina_weibo_hover.png) no-repeat;}
					}
					.qq{
						background: url(login/t_weibo.png) no-repeat;
						&:hover{background:url(login/t_weibo_hover.png) no-repeat;}
					}
					.wy{
						background: url(login/wy.png) no-repeat;
						&:hover{background:url(login/wy_hover.png) no-repeat;}
					}
					.oops{
						background: url(login/oops.png) no-repeat;
						&:hover{background:url(login/oops_hover.png) no-repeat;}
					}
				}
			}

		}	
	}
	.blackBg{background: #e5e5e5;}
	.redBg{background: #d93631;}
	.whiteTxt{color: #fff;}
	.blackTxt{color: #333; float:left;}
	.redBorder{border:2px #d93631 solid;}
	.blackBorder{border:1px #989898 solid;}
	/*关闭按钮2*/
	.btn_close2{
		width:8px;
		height:8px;
		margin:5px 5px 0 0;
		display: inline-block;
		overflow: hidden;
		border:none;
		cursor: pointer;
		float:right;
		@include od-button-sprite(close2); 
	}
	/*关闭按钮3*/
	.btn_close3{
		width:8px;
		height:8px;
		margin:5px 5px 0 0;
		display: inline-block;
		overflow: hidden;
		border:none;
		cursor: pointer;
		float:right;
		@include od-button-sprite(close3); 
	}
	.btn_close4{
		width:8px;
		height:8px;
		margin:5px 5px 0 0;
		display: inline-block;
		overflow: hidden;
		border:none;
		cursor: pointer;
		float:right;
		@include od-button-sprite(close4); 
	}
}